<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/cart2.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
	</head>

	<body>
		<!--总体布局-->
		<div class="web">
			<!--导航栏开始-->
			<div class="header">

				<div class="logo fl">
					<a href="http://www.oneplus.cn/"><img src="img/logo.png" /></a>

				</div>

				<div class="nav fl clearfix">
					<ul>
						<li>
							<a href="http://www.oneplus.cn/5t">OnePlus 5T</a>
							<!--<i></i>-->
						</li>
						<li>
							<a href="http://store.oneplus.cn/">商城</a>
						</li>
						<li>
							<a href="http://service.oneplus.cn/">服务</a>
						</li>
						<li>
							<a href="http://pr.oneplus.cn/blog">博客</a>
						</li>
						<li>
							<a href="http://www.oneplusbbs.com/">论坛</a>
						</li>
					</ul>
				</div>
				<div class="nav2 fr">
					<ul>
						<li>
							<a href="buy.html"><img src="img/sou.jpg" /></a>
						</li>
						<li>
							<a href="cart.html"><img src="img/gou.jpg" /></a>

						</li>
						<li>
							<a href="login.html"><img src="img/men.jpg" /></a>
						</li>
					</ul>
				</div>
			</div>
			<!--导航结束-->
			<!--购物流程开始-->
			<div class="main-c">
				<div class="main-flow">
					<div class="flow-line">
						<span class="flow-name flow-point-1">购物车</span>
						<span class="flow-name flow-point-2">填写订单</span>
						<span class="flow-name flow-point-3">完成支付</span>
						<div class="flow-red-line flow-step-1">
							<div class="flow-circular flow-point-1 active"></div>
							<div class="flow-circular flow-point-2 active"></div>
							<div class="flow-circular flow-point-3 active"></div>

						</div>

					</div>

				</div>

			</div>

			<!--购物车开始-->
			<div class="cartContent">

				<div class="list-head">
					<ul class="head-caption">
						<li><span>商品</span></li>
						<li>价格</li>
						<li>数量</li>
						<li class="total-price">小计</li>
						<li>操作</li>
					</ul>

				</div>
				<div class="list-body">
					<ul class="cart-product clearfix">
						<li>
							<a href="http://store.oneplus.cn/products/P1100125"><img src="cart2img/cart2.jpg" alt="OnePlus 5 硅胶保护壳 黑色" /></a>
							<span class="name-info">
			</li>
			<li class="name-info">
						<a href="http://store.oneplus.cn/products/P1100125" target="_blank">OnePlus 5 硅胶保护壳 黑色</a>
			</li>	
			<li class="price">
				<div >
					<p>129.00</p>
				</div>
			</li>
			<li class="goods-number">
				<span class="goods-num">
					<span class="goods-minus disabled">
						<span></span>
							</span>
							<span class="good-plus">
						<span><a href="">-</a></span>
							<span>1</span>
							<span><a href="">+</a></span>

							</span>

						</li>
						<li class="total-price"> ￥ 129.00</li>
						<li class="delete-goods">
							<a href=""><span class="delete-btn"></span></a>
						</li>
					</ul>
					<div class="good-tip">
						<span class="few-stock">库存不足</span>

					</div>

				</div>

				<!--已选商品-->
				<div class="total-panel clearfix">
					<div class="totla-list">
						<p class="freight-tip">已选择1件商品</p>
						<table border="0" cellspacing="" cellpadding="">

							<tr>
								<td style="color: #dfdfdf;font-size: 13px;">购物车商品小计</td>
								<td class="all-price"> ￥ 129.00</td>
							</tr>
							<tr>
								<td style="color: #DFDFDF;font-size: 13px;">运费</td>
								<td class="yunfei"> ￥ 0</td>
							</tr>

							<tr class="amount-to">
								<td>总价</td>
								<td class="amount-price">￥ 129.00</td>
							</tr>

							<tr>

								<td class="go-store-btn">
									<a href="http://store.oneplus.cn">继续购物</a>
								</td>

								<td class="goOrder">
									<a href="http://store.oneplus.cn/order/tocheckout">去结算</a>
								</td>
							</tr>

						</table>
					</div>

				</div>
				<!--保障列表三开始-->
				<div class="list3  clearfix">
					<div class="list31">

						<ul>
							<li>
								<a href="#">
									<img src="img/baozhang01.jpg" />
									<p>七天无理由退货</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/baozhang02.jpg" />
									<p>15天退货保障</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/baozhang03.jpg" />
									<p>30天换货保障</p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/baozhang04.jpg" />
									<p>99元全场包邮</p>
								</a>
							</li>
						</ul>
					</div>
				</div>
				<!--保障列表三结束-->

				<!--你可能会喜欢-->

				<div class="like-goods ">
					<p class="like-title">你可能喜欢</p>
					<div class="like-good-list clearfix">
						<ul>
							<li>
								<a href="http://store.oneplus.cn/products/P1100247"><img class="good-img" src="cart2img/1.png" /></a>

								<div class="name-price">
									<p class="goods-name">OnePlus 5T 个性保护壳 砂岩黑</p>
									<p class="goods-price">￥99.00</p>

								</div>
								<div class="add-to-cart">
									<span>
						<a href="">加入购物车</a>
					</span>
								</div>
							</li>
							<li>
								<a href="http://store.oneplus.cn/products/P1100249"><img src="cart2img/2.png" /></a>
								<div class="name-price">
									<p class="goods-name">OnePlus 5T 个性保护壳 砂岩黑</p>
									<p class="goods-price">￥99.00</p>

								</div>
								<div class="add-to-cart">
									<span>
						<a href="">加入购物车</a>
					</span>
								</div>
							</li>
							<li>
								<a href="http://store.oneplus.cn/products/P1100251"><img src="cart2img/3.png" /></a>
								<div class="name-price">
									<p class="goods-name">OnePlus 5T 个性保护壳 砂岩黑</p>
									<p class="goods-price">￥99.00</p>

								</div>
								<div class="add-to-cart">
									<span>
						<a href="">加入购物车</a>
					</span>
								</div>
							</li>
							<li>
								<a href="http://store.oneplus.cn/products/02040083"><img src="cart2img/4.png" /></a>
								<div class="name-price">
									<p class="goods-name">OnePlus 5T 个性保护壳 砂岩黑</p>
									<p class="goods-price">￥99.00</p>

								</div>
								<div class="add-to-cart">
									<span>
						<a href="">加入购物车</a>
					</span>
								</div>
							</li>

						</ul>

					</div>
				</div>
		</div>
			<div>
				
			
				<!--脚部开始-->
			<div class="footer  clearfix">
					<div class="footer_left clearfix">

						<ul>
							<li>
								<h3>一加产品</h3>
							</li>
							<li>
								<a href="">OnePlus 5T</a>
							</li>
							<li>
								<a href="">OnePlus 5</a>
							</li>
							<li>
								<a href="">OnePlus 3T</a>
							</li>
							<li>
								<a href="">OnePlus 3</a>
							</li>

						</ul>
						<ul>
							<li>
								<h3>关于一加</h3>
							</li>

							<li>
								<a href="">了解一加</a>
							</li>
							<li>
								<a href="">加入一加</a>
							</li>
							<li>
								<a href="">H2OS</a>
							</li>

						</ul>
						<ul>
							<li>
								<h3>服务支持</h3>
							</li>
							<li>
								<a href="">自助服务</a>
							</li>
							<li>
								<a href="">技术服务</a>
							</li>
							<li>
								<a href="">售后服务</a>
							</li>
							<li>
								<a href="">一加加多报</a>
							</li>

						</ul>
						<!--</div>-->
						<!--<div class="footer_right fr clearfix">-->
						<ul class="kefu">
							<li>
								<h3>400-888-1111</h3>
							</li>

							<li>
								<a href="">在线服务</a>
							</li>
							<!--</div>-->
							<!--</a>-->
							<li class="time">周一至周日 9:00 - 22:00</li>
						</ul>

					</div>

				</div>
				<!--关于一加脚部结束-->
			<div class="footer_buttom  clearfix">
					<ul>
						<li>
							<span> &copy2013-2017 OnePus.All Rights Reserved.(粤ICP备13088308号-1)</span>

							<a href="https://ss.knet.cn/verifyseal.dll?sn=e14063044030050707awmq000000&ct=df&a=1&pa=20151014"><img src="img/footer01.jpg" /></a>
						</li>

						<li>
							<span style="color: black;">Change location</span>
							<span><a href=""><img src="img/footer03.jpg"/></span></a>
						</li>
					</ul>
					<ul>
						<li>
							<span>
					  			<a href=""><img src="img/footer02.jpg"/>
					  			粤公网安备44030402000178号
					  			</a>
					  		</span>

						</li>
					</ul>

				</div>

			</div>


	</body>

</html>